<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <title>自动化部署平台</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/materialize/0.97.0/css/materialize.min.css">
    <link href="/css/icon.css" rel="stylesheet">
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/materialize/0.97.0/js/materialize.min.js"></script>
    <script src="js/index.js"></script>
    <style>
        td{
            text-align: center !important;
        }
    </style>
</head>
<body style="font-family: 'Roboto', 'Droid Sans Fallback', '微软雅黑'; min-height: 100vh;display: flex;flex-direction: column;">

<nav>
    <div class="nav-wrapper">
        <a href="/" class="brand-logo center">HServer自动化部署平台</a>
    </div>
</nav>

<div class="container" style="padding-top: 20px; width: 90%;flex: 1 0 auto;">
    <div class="row">
        <div class="col s12">
            <ul class="tabs">
                <li class="tab col s6"><a href="#java-deploy">Java项目部署</a></li>
            </ul>
        </div>
    </div>

    <div id="java-deploy">
        <div class="row">
            <div class="input-field col s12 m6 offset-m2">
                <nav>
                    <div class="nav-wrapper">
                        <div class="input-field" style="height: 100%">
                            <input id="java-deploy-search" type="search">
                            <label for="java-deploy-search">
                                <i class="material-icons" style="line-height: inherit;">search</i>
                            </label>
                        </div>
                    </div>
                </nav>
            </div>
            <div class="input-field col s12 m4">
                <a class="waves-effect waves-light btn red lighten-2" href="/javadeploy/new"
                   style="line-height: 64px; height: 64px;">创建</a>
            </div>
        </div>
        <table class="hoverable">
            <thead>
            <tr>
                <td>项目名称</td>
                <td>UUID</td>
                <td>详情</td>
            </tr>
            </thead>
            <tbody>

            <#list javaDeployList as item>
                <tr>
                    <td>${item.name}</td>
                    <td>${item.uuid}</td>
                    <td><a href="/javadeploy/detail/${item.uuid}"
                           class="btn waves-effect waves-light red lighten-2">详情</a>
                        <a href="/javadeploy/del/${item.uuid}"
                           class="btn waves-effect waves-light red lighten-2">删除</a>
                    </td>
                </tr>
            </#list>
            </tbody>
        </table>
    </div>

</div>

</body>
</html>